<%# The container tag
  - available local variables
    current_page:  a page object for the currently displayed page
    total_pages:   total number of pages
    per_page:      number of items to fetch per page
    remote:        data-remote
    paginator:     the paginator that renders the pagination tags inside
-%>
<div class="pagination">
  <%= paginator.render do -%>
    <div class="arrows">
      <%= first_page_tag %>
      <%= prev_page_tag -%>
    </div>

    <div class="pages">
      <% each_page do |page| -%>
        <% if page.left_outer? || page.right_outer? || page.inside_window? -%>
          <%= page_tag page -%>
        <% elsif !page.was_truncated? -%>
          <%= gap_tag -%>
        <% end -%>
      <% end -%>
    </div>

    <div class="arrows">
      <%= next_page_tag -%>
      <%= last_page_tag %>
    </div>
  <% end -%>
</div>
